<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>首页</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="home">

        <div class="header fixed animated fadeInUp">
            <div class="box">
                <a href="./index.html" class="logo">
                    <img src="./images/logo.svg" alt="">
                </a>
                <div class="links">
                    <div class="item">
                        <a href="./index.html" class="active">首页</a>
                    </div>
                    <div class="item">
                        <a href="./about.html">关于我们</a>
                    </div>
                    <div class="item">
                        <a href="./advantages.html">竞争优势</a>
                    </div>
                    <div class="item">
                        <a href="./products.html">产品中心</a>
                    </div>
                    <div class="item">
                        <a href="./applications.html">应用案例</a>
                    </div>
                    <div class="item">
                        <a href="./news.html">新闻中心</a>
                    </div>
                    <div class="item">
                        <a href="./contact.html">联系我们</a>
                    </div>
                    <div class="item">
                        <a href="./download.html">资料下载</a>
                    </div>
                </div>
                <div class="lan">
                    <div class="l1">
                        <p>CN</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="9" viewBox="0 0 14 9" fill="none">
                            <path d="M12.5954 1.2985L6.96387 6.93001L1.33236 1.2985" stroke="black"
                                stroke-width="2.4" />
                        </svg>
                    </div>
                    <a href="">
                        ENGLISH
                    </a>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo.svg" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="lan">
                <a href="">EN</a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">关于我们</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./advantages.html">竞争优势</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">产品中心</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./applications.html">应用案例</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">新闻中心</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">联系我们</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./download.html">资料下载</a>
                </div>
            </div>
        </div>

        <div class="r_fixed">
            <div class="item">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                        <path
                            d="M12.4615 12.4615H15.2308V9.69231H18V13.8462H15.2308V15.2308H12.4615V13.8462H9.69231V9.69231H12.4615V12.4615ZM0 9.69231H8.30769V18H0V9.69231ZM2.76923 12.4615V15.2308H5.53846V12.4615H2.76923ZM0 0H8.30769V8.30769H0V0ZM2.76923 2.76923V5.53846H5.53846V2.76923H2.76923ZM9.69231 0H18V8.30769H9.69231V0ZM12.4615 2.76923V5.53846H15.2308V2.76923H12.4615ZM15.2308 15.2308H18V18H15.2308V15.2308ZM9.69231 15.2308H12.4615V18H9.69231V15.2308Z"
                            fill="white" />
                    </svg>
                </div>
                <div class="code animated fadeIn">
                    <img src="./images/fcode1.png" alt="">
                </div>
            </div>
            <div class="item">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewBox="0 0 24 20" fill="none">
                        <path d="M23.712 12.9265C23.712 9.65214 20.4354 6.98535 16.7576 6.98535C12.8619 6.98535 9.79395 9.65446 9.79395 12.9265C9.79395 16.2055 12.8619 18.8676 16.7576 18.8676C17.5739 18.8676 18.3971 18.6612 19.2156 18.4572L21.4603 19.6862L20.8435 17.6409C22.4876 16.4072 23.712 14.7724 23.712 12.9265ZM14.6033 12.0175C14.0909 12.0175 13.6758 11.6024 13.6758 11.0899C13.6758 10.5774 14.0909 10.1623 14.6033 10.1623C15.1158 10.1623 15.5309 10.5774 15.5309 11.0899C15.5309 11.6 15.1158 12.0175 14.6033 12.0175ZM19.109 12.0105C18.5965 12.0105 18.1814 11.5954 18.1814 11.0829C18.1814 10.5704 18.5965 10.1553 19.109 10.1553C19.6215 10.1553 20.0365 10.5704 20.0365 11.0829C20.0365 11.5954 19.6215 12.0105 19.109 12.0105Z" fill="white"/>
                        <path d="M8.76714 0.842773C4.26616 0.842773 0.579102 3.91074 0.579102 7.80656C0.579102 10.0559 1.8058 11.9018 3.85571 13.3349L3.03714 15.7976L5.89866 14.3622C6.92362 14.564 7.74451 14.7727 8.76714 14.7727C9.02454 14.7727 9.27962 14.7611 9.53238 14.7402C9.37238 14.1929 9.27962 13.6201 9.27962 13.0242C9.27962 9.44605 12.3522 6.54274 16.241 6.54274C16.5076 6.54274 16.7697 6.56129 17.0294 6.59143C16.3198 3.2939 12.7928 0.842773 8.76714 0.842773ZM6.01693 6.46157C5.40242 6.46157 4.90385 5.963 4.90385 5.34848C4.90385 4.73396 5.40242 4.23539 6.01693 4.23539C6.63144 4.23539 7.13 4.73396 7.13 5.34848C7.13 5.963 6.63144 6.46157 6.01693 6.46157ZM11.7353 6.46157C11.1208 6.46157 10.6223 5.963 10.6223 5.34848C10.6223 4.73396 11.1208 4.23539 11.7353 4.23539C12.3498 4.23539 12.8484 4.73396 12.8484 5.34848C12.8484 5.963 12.3498 6.46157 11.7353 6.46157Z" fill="white"/>
                      </svg>
                </div>
                <div class="code animated fadeIn">
                    <img src="./images/fcode1.png" alt="">
                </div>
            </div>
            <div class="item">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22" fill="none">
                        <path d="M3.84179 8.1088C3.84179 8.1088 -0.0776467 5.63761 3.54306 2.51837C3.54306 2.51837 6.52362 0.381459 8.48446 3.54376C8.48446 3.54376 11.1888 1.88878 15.2991 3.5007C15.2991 3.5007 17.1948 0.568081 20.1552 2.5799C20.1552 2.5799 21.9655 3.77345 21.3254 6.22414C21.3254 6.22414 21.0491 7.50177 19.8991 8.1088C19.8991 8.1088 21.4332 11.2916 19.8991 15.0404C19.8991 15.0404 19.0478 16.6319 20.0271 17.9095C20.0271 17.9095 20.3888 18.6211 21.6466 19.062C21.6466 19.062 22.9875 19.6485 20.7728 20.1079C20.7728 20.1079 19.5802 20.2966 18.1539 19.6691L16.2762 18.9985C16.2762 18.9985 12.5926 21.3651 8.16327 19.3963C3.73397 17.4276 2.19989 12.317 3.84179 8.1088Z" fill="white"/>
                        <path d="M19.9064 8.10215C19.9064 8.10215 19.9985 8.05703 20.1647 7.95039C20.331 7.8458 20.0704 7.91758 20.0704 7.91758L19.8975 8.07959" fill="white"/>
                      </svg>
                </div>
            </div>
            <div class="top" id="goTop">
                <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
                    <rect width="48" height="48" fill="#0060B0"/>
                    <path d="M15 14H32V16.9231H15V14ZM32 27.1538H27.75V33H19.25V27.1538H15L23.5 18.3846L32 27.1538Z" fill="white"/>
                  </svg>
            </div>
        </div>


        <div class="banner animated fadeIn">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="info">
                            <div class="bg">
                                <img src="./images/banner.png" alt="">
                            </div>
                            <div class="text">
                                <div class="p1">
                                    致力于<span>智能</span>输配送<br>
                                    领域发展
                                </div>
                                <div class="p2">
                                    成为核心驱动部件全球供应商
                                </div>
                                <a href="">
                                    <p>了解更多</p>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"
                                        fill="none">
                                        <path d="M1.79981 2.2002L7.7998 8.2002L1.79981 14.2002" stroke="white"
                                            stroke-width="2.16" stroke-linecap="square" />
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="main">
            <div class="section1">
                <div class="t wow fadeInUp">
                    <p>产品中心</p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
                        <path d="M9.59707 0L0 20H11.4054L21 0H9.59707Z" fill="#0060B0" />
                    </svg>
                </div>
                <div class="content wow fadeInUp">
                    <div class="l">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="pic">
                                        <img src="./images/pInfo.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="pic">
                                        <img src="./images/pInfo.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="pic">
                                        <img src="./images/pInfo.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="pic">
                                        <img src="./images/pInfo.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prev">
                            <svg xmlns="http://www.w3.org/2000/svg" width="58" height="58" viewBox="0 0 58 58"
                                fill="none">
                                <path d="M31 24L26 29L31 34" stroke="#262B2F" stroke-width="1.8"
                                    stroke-linecap="square" />
                                <circle cx="29" cy="29" r="28.5" stroke="#262B2F" />
                            </svg>
                        </div>
                        <div class="next">
                            <svg xmlns="http://www.w3.org/2000/svg" width="58" height="58" viewBox="0 0 58 58"
                                fill="none">
                                <path d="M27.5 24L32.5 29L27.5 34" stroke="#0060B0" stroke-width="1.8"
                                    stroke-linecap="square" />
                                <circle cx="29" cy="29" r="28.5" transform="matrix(-1 0 0 1 58 0)" stroke="#0060B0" />
                            </svg>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                    <div class="info">
                        <p class="p1">76mm链轮输出头</p>
                        <div class="p2">
                            <p>常温/低温 - 48V - 链轮头 - 轴头:M12内螺纹</p>
                            <p>H1.弹簧压入式HEX</p>
                        </div>
                        <div class="des">
                            主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易。
                            高效的空间利用为客户提供了完美的驱动解决方案。主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送...
                        </div>
                        <div class="btns">
                            <a href="" class="more">
                                <p>了解更多</p>
                                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"
                                    fill="none">
                                    <path d="M1.79981 2.2002L7.7998 8.2002L1.79981 14.2002" stroke="white"
                                        stroke-width="2.16" stroke-linecap="square" />
                                </svg>
                            </a>
                            <a href="" class="ask">
                                在线询价
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="section2 wow fadeInUp">
                <div class="t wow fadeInUp">
                    <p>主要服务</p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
                        <path d="M9.59707 0L0 20H11.4054L21 0H9.59707Z" fill="#0060B0" />
                    </svg>
                </div>
                <div class="content">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="bg">
                                    <img src="./images/service1.png" alt="">
                                </div>
                                <div class="info">
                                    <div class="icon">
                                        <img src="./images/sicon1.png" alt="">
                                    </div>
                                    <div class="pt">电商</div>
                                    <div class="des">
                                        主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易。
                                        高效主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易。 高效的...
                                    </div>
                                    <a href="">
                                        <p>了解更多</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="16"
                                            viewBox="0 0 10 16" fill="none">
                                            <path d="M1.79981 2.2002L7.7998 8.2002L1.79981 14.2002" stroke="white"
                                                stroke-width="2.16" stroke-linecap="square" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="bg">
                                    <img src="./images/service1.png" alt="">
                                </div>
                                <div class="info">
                                    <div class="icon">
                                        <img src="./images/sicon1.png" alt="">
                                    </div>
                                    <div class="pt">机场</div>
                                    <div class="des">
                                        主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易。
                                        高效主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易。 高效的...
                                    </div>
                                    <a href="">
                                        <p>了解更多</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="16"
                                            viewBox="0 0 10 16" fill="none">
                                            <path d="M1.79981 2.2002L7.7998 8.2002L1.79981 14.2002" stroke="white"
                                                stroke-width="2.16" stroke-linecap="square" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="bg">
                                    <img src="./images/service1.png" alt="">
                                </div>
                                <div class="info">
                                    <div class="icon">
                                        <img src="./images/sicon1.png" alt="">
                                    </div>
                                    <div class="pt">医疗</div>
                                    <div class="des">
                                        主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易。
                                        高效主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易。 高效的...
                                    </div>
                                    <a href="">
                                        <p>了解更多</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="16"
                                            viewBox="0 0 10 16" fill="none">
                                            <path d="M1.79981 2.2002L7.7998 8.2002L1.79981 14.2002" stroke="white"
                                                stroke-width="2.16" stroke-linecap="square" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="bg">
                                    <img src="./images/service1.png" alt="">
                                </div>
                                <div class="info">
                                    <div class="icon">
                                        <img src="./images/sicon1.png" alt="">
                                    </div>
                                    <div class="pt">智能制造</div>
                                    <div class="des">
                                        主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易。
                                        高效主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易。 高效的...
                                    </div>
                                    <a href="">
                                        <p>了解更多</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="16"
                                            viewBox="0 0 10 16" fill="none">
                                            <path d="M1.79981 2.2002L7.7998 8.2002L1.79981 14.2002" stroke="white"
                                                stroke-width="2.16" stroke-linecap="square" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="bg">
                                    <img src="./images/service1.png" alt="">
                                </div>
                                <div class="info">
                                    <div class="icon">
                                        <img src="./images/sicon1.png" alt="">
                                    </div>
                                    <div class="pt">新能源</div>
                                    <div class="des">
                                        主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易。
                                        高效主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易。 高效的...
                                    </div>
                                    <a href="">
                                        <p>了解更多</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="16"
                                            viewBox="0 0 10 16" fill="none">
                                            <path d="M1.79981 2.2002L7.7998 8.2002L1.79981 14.2002" stroke="white"
                                                stroke-width="2.16" stroke-linecap="square" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="bg">
                                    <img src="./images/service1.png" alt="">
                                </div>
                                <div class="info">
                                    <div class="icon">
                                        <img src="./images/sicon1.png" alt="">
                                    </div>
                                    <div class="pt">服装</div>
                                    <div class="des">
                                        主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易。
                                        高效主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易。 高效的...
                                    </div>
                                    <a href="">
                                        <p>了解更多</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="16"
                                            viewBox="0 0 10 16" fill="none">
                                            <path d="M1.79981 2.2002L7.7998 8.2002L1.79981 14.2002" stroke="white"
                                                stroke-width="2.16" stroke-linecap="square" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="bg">
                                    <img src="./images/service1.png" alt="">
                                </div>
                                <div class="info">
                                    <div class="icon">
                                        <img src="./images/sicon1.png" alt="">
                                    </div>
                                    <div class="pt">物流</div>
                                    <div class="des">
                                        主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易。
                                        高效主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易。 高效的...
                                    </div>
                                    <a href="">
                                        <p>了解更多</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="16"
                                            viewBox="0 0 10 16" fill="none">
                                            <path d="M1.79981 2.2002L7.7998 8.2002L1.79981 14.2002" stroke="white"
                                                stroke-width="2.16" stroke-linecap="square" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pager">
                    <div class="item active">
                        电商
                    </div>
                    <div class="item">
                        机场
                    </div>
                    <div class="item">
                        医疗
                    </div>
                    <div class="item">
                        智能制造
                    </div>
                    <div class="item">
                        新能源
                    </div>
                    <div class="item">
                        服装
                    </div>
                    <div class="item">
                        物流
                    </div>
                </div>
            </div>

            <div class="section3">
                <div class="map">
                    <img src="./images/hmap.png" alt="">
                </div>
                <div class="title wow fadeInUp">
                    <div class="t">
                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
                            <path d="M9.59707 0L0 20H11.4054L21 0H9.59707Z" fill="#0063B6" />
                        </svg>
                        <p>关于我们</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
                            <path d="M9.59707 0L0 20H11.4054L21 0H9.59707Z" fill="#0063B6" />
                        </svg>
                    </div>
                </div>
                <div class="des wow fadeInUp">
                    苏州市兆威工业科技有限公司是兆威集团子公司，兆威集团是一家集设计、研发、制造于一体的微型驱动系统方案解决商。兆威机电于2020年在深交证券交易所挂
                    牌上市，总部位于美丽的海滨城市深圳，先后成立东莞、苏州、香港、德国、上海、美国分公司或办事处，战略布局 全球化。
                </div>
                <div class="pic wow fadeInUp">
                    <img src="./images/ab.png" alt="">
                </div>
                <div class="allItems">
                    <div class="item wow fadeInUp">
                        <div class="st">
                            <p class="num count-item" data-to="500">0</p>
                            <span>+</span>
                        </div>
                        <div class="tag">已申请知识产权</div>
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="61" height="103" viewBox="0 0 61 103"
                                fill="none">
                                <path opacity="0.24"
                                    d="M0.999023 6C0.999023 3.23857 3.23752 1 5.99902 1H65.999C68.7605 1 70.999 3.23857 70.999 6V101L53.499 88.5L35.999 101L18.499 88.5L0.999023 101V6Z"
                                    stroke="white" stroke-width="2" stroke-linecap="round" />
                                <path opacity="0.24" d="M21 46H51" stroke="white" stroke-width="2"
                                    stroke-linecap="round" />
                                <path opacity="0.24" d="M21 66H51" stroke="white" stroke-width="2"
                                    stroke-linecap="round" />
                                <path opacity="0.24" d="M21 26H51" stroke="white" stroke-width="2"
                                    stroke-linecap="round" />
                            </svg>
                        </div>
                    </div>
                    <div class="item wow fadeInUp">
                        <div class="st">
                            <p class="num count-item" data-to="150">0</p>
                            <span>+</span>
                        </div>
                        <div class="tag">申请发明专利</div>
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="61" height="103" viewBox="0 0 61 103"
                                fill="none">
                                <g opacity="0.24">
                                    <path
                                        d="M6 101.75C3.23857 101.75 1 99.5115 1 96.75V6.75C1 3.98857 3.23857 1.75 6 1.75H76C78.7615 1.75 81 3.98857 81 6.75V96.75C81 99.5115 78.7615 101.75 76 101.75H6Z"
                                        stroke="white" stroke-width="2" />
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M33.502 46.75V1.75H63.502V46.75L48.502 31.0682L33.502 46.75Z" stroke="white"
                                        stroke-width="2" stroke-linecap="round" />
                                    <path d="M6.00391 1.75H76.0039" stroke="white" stroke-width="2"
                                        stroke-linecap="round" />
                                </g>
                            </svg>
                        </div>
                    </div>
                    <div class="item wow fadeInUp">
                        <div class="st">
                            <p class="num count-item" data-to="42">0</p>
                            <span>+</span>
                        </div>
                        <div class="tag">软件著作权</div>
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="61" height="103" viewBox="0 0 61 103"
                                fill="none">
                                <g opacity="0.24">
                                    <path d="M66 16V1H1V86L16 78.5" stroke="white" stroke-width="2"
                                        stroke-linecap="round" />
                                    <path d="M16 101V16H81V101L48.5 85.3182L16 101Z" stroke="white" stroke-width="2" />
                                </g>
                            </svg>
                        </div>
                    </div>
                    <div class="item wow fadeInUp">
                        <div class="st">
                            <p class="num count-item" data-to="72">0</p>
                            <span>+</span>
                        </div>
                        <div class="tag">企业商标</div>
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="61" height="102" viewBox="0 0 61 102"
                                fill="none">
                                <g opacity="0.24">
                                    <path
                                        d="M51 101C78.6142 101 101 78.6142 101 51C101 23.3858 78.6142 1 51 1C23.3858 1 1 23.3858 1 51C1 78.6142 23.3858 101 51 101Z"
                                        stroke="white" stroke-width="2" stroke-linecap="round" />
                                    <path d="M21 38.5H31H41" stroke="white" stroke-width="2" stroke-linecap="round" />
                                    <path d="M31 38.5V63.5" stroke="white" stroke-width="2" stroke-linecap="round" />
                                    <path d="M56.001 63.5V38.5L68.501 53.5L81.001 38.5V63.5" stroke="white"
                                        stroke-width="2" stroke-linecap="round" />
                                </g>
                            </svg>
                        </div>
                    </div>
                    <div class="item wow fadeInUp">
                        <div class="st">
                            <p class="num count-item" data-to="24">0</p>
                            <span>+</span>
                        </div>
                        <div class="tag">PC(国际专项)</div>
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="61" height="102" viewBox="0 0 61 102"
                                fill="none">
                                <g opacity="0.24">
                                    <path
                                        d="M76 1H6C3.23857 1 1 3.23857 1 6V96C1 98.7615 3.23857 101 6 101H76C78.7615 101 81 98.7615 81 96V6C81 3.23857 78.7615 1 76 1Z"
                                        stroke="white" stroke-width="2" stroke-linecap="round" />
                                    <path d="M23.5 66H58.5" stroke="white" stroke-width="2" stroke-linecap="round" />
                                    <path d="M23.5 81H41" stroke="white" stroke-width="2" stroke-linecap="round" />
                                    <path d="M28.5 33.5H53.5" stroke="white" stroke-width="2" stroke-linecap="round" />
                                    <path d="M41 46V21" stroke="white" stroke-width="2" stroke-linecap="round" />
                                </g>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>

            <div class="section4">
                <div class="title wow fadeInUp">
                    <div class="t">
                        <p>新闻中心</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
                            <path d="M9.59707 0L0 20H11.4054L21 0H9.59707Z" fill="#0060B0" />
                        </svg>
                    </div>
                    <a href="">
                        查看更多
                    </a>
                </div>
                <div class="content wow fadeInUp">
                    <div class="l">
                        <a class="active" href="./info.html">
                            <div class="time">
                                <p class="day">17</p>
                                <div class="date">2023-09</div>
                            </div>
                            <div class="text">
                                <p class="p1">怡合达申请电动滚筒及输送机专利，有效降低联动组件装配难度提高良品率</p>
                                <div class="des">
                                    主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易高效的空间利用为客户提供了完美...
                                </div>
                            </div>
                        </a>
                        <a href="./info.html">
                            <div class="time">
                                <p class="day">20</p>
                                <div class="date">2023-09</div>
                            </div>
                            <div class="text">
                                <p class="p1">苏州市兆威工业科技有限公司是兆威集团子公司，致...</p>
                                <div class="des">
                                    主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易高效的空间利用为客户提供了完美...
                                </div>
                            </div>
                        </a>
                        <a href="./info.html">
                            <div class="time">
                                <p class="day">20</p>
                                <div class="date">2023-09</div>
                            </div>
                            <div class="text">
                                <p class="p1">齿轮减速机型号有哪些？全面解析齿轮减速机的分类...</p>
                                <div class="des">
                                    主要应用于托盘输送机，最高可驱动1500KG负载，设计和安装驱动托盘输送机更为容易高效的空间利用为客户提供了完美...
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="r">
                        <div class="pic">
                            <img src="./images/hn.png" alt="">
                        </div>
                    </div>
                </div>
            </div>

            <div class="fbg">
                <img src="./images/bg.png" alt="">
            </div>
        </div>

        <div class="foot">
            <div class="line">
                <div class="l1"></div>
                <div class="l2"></div>
            </div>
            <div class="dom1">
                <div class="links">
                    <div class="item">
                        <p>关于我们</p>
                        <div class="aList">
                            <a href="">公司简介</a>
                            <a href="">发展历程</a>
                            <a href="">获得成就</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>产品中心</p>
                        <div class="aList">
                            <a href="">滚筒电机</a>
                            <a href="">输送线系列</a>
                            <a href="">皮带仙系列</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>新闻中心</p>
                        <div class="aList">
                            <a href="">企业新闻</a>
                            <a href="">通知公告</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>主要服务</p>
                        <div class="aList">
                            <a href="">电商</a>
                            <a href="">机场</a>
                            <a href="">医疗</a>
                            <a href="">工厂</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>联系我们</p>
                        <div class="aList">
                            <a href="">联系我们</a>
                        </div>
                    </div>
                </div>
                <div class="info">
                    <div class="des">
                        苏州市兆威工业科技有限公司<br>
                        江苏省苏州市高新区嘉陵江路333号
                    </div>
                    <div class="des">
                        Suzhou Zhaowei industrial Science & Technology Co.,Ltd
                        333 Jiulingjiang Road, Suzhou New District, Suzhou City, jiangsu Province
                    </div>
                    <div class="des">
                        邮箱/Email: cn.sales@szzhaowei.net
                    </div>
                </div>
                <div class="codes">
                    <div class="phone">400-0082-880</div>
                    <div class="icons">
                        <div class="i">
                            <div class="pic">
                                <img src="./images/fcode1.png" alt="">
                            </div>
                            <p>微信公众号</p>
                        </div>
                        <div class="i">
                            <div class="pic">
                                <img src="./images/fcode2.png" alt="">
                            </div>
                            <p>联系我们</p>
                        </div>
                        <div class="i">
                            <div class="pic">
                                <img src="./images/fcode3.png" alt="">
                            </div>
                            <p>抖音号</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="l">
                    <a href="">
                        沪公网安备 31010502005189号
                    </a>
                    <a href="">
                        沪ICP备15033725号
                    </a>
                    <p>2024 Interroll Group</p>
                </div>
                <div class="r">
                    <a href="">
                        法律声明和条款
                    </a>
                    <a href="">
                        使用条款和隐私
                    </a>
                </div>
            </div>
        </div>




    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script>
        new WOW().init();
        var swiper = new Swiper('.banner .swiper-container', {
            speed: 1000,
            init: true,
            loop: true,
            slidesPerView: 1,
            autoplay: {
                delay: 3000,
                stopOnLastSlide: false,
                disableOnInteraction: true,
            },
            pagination: {
                el: '.banner .swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.banner .next',
                prevEl: '.banner .prev',
            },
        });


        var swiper2 = new Swiper('.section1 .swiper-container', {
            speed: 1000,
            init: true,
            loop: true,
            slidesPerView: 1,
            spaceBetween: 20,
            autoplay: {
                delay: 3000,
                stopOnLastSlide: false,
                disableOnInteraction: true,
            },
            pagination: {
                el: '.section1 .swiper-pagination',
                type: 'progressbar',
            },
            navigation: {
                nextEl: '.section1 .next',
                prevEl: '.section1 .prev',
            },
        });

        var swiper3 = new Swiper('.section2 .swiper-container', {
            speed: 1000,
            init: true,
            loop: false,
            slidesPerView: 1,
            autoplay: {
                delay: 3000,
                stopOnLastSlide: false,
                disableOnInteraction: true,
            },
            on: {
                slideChange() {
                    $('.section2 .pager .item').removeClass('active').eq(this.realIndex).addClass('active')
                }
            }
        });

        $('.section2 .pager .item').click(function () {
            $(this).addClass('active').siblings('.item').removeClass('active')
            let index = $(this).index()
            swiper3.slideTo(index, 1000, false);
        })


        $('.section4 .l a').mouseenter(function () {
            $(this).addClass('active').siblings('a').removeClass('active')
        })

        $(window).on({
            scroll: function () {
                window.pageYOffset > $('.section3 .allItems').offset().top - 900 &&
                    setTimeout(function () {
                        $(".count-item").each(function (t, e) {
                            let o = $(e),
                                _from = o.data('from'),
                                _to = o.data('to');
                            new CountUp(o, _from, _to, 1, 2).start();
                            $(".count-item").removeClass('count-item')
                        })
                    }, 500);
            }
        });
    </script>
</body>

</html>